<template>
<div>

    <!--<div class="carousel">-->
    <!--<a class="carousel-item" href="#one!"><img src="../assets/images/sample-1.jpg"></a>-->
    <!--<a class="carousel-item" href="#two!"><img src="../assets/images/japan.jpg"></a>
    <a class="carousel-item" href="#three!"><img src="http://lorempixel.com/800/400/food/1"></a>
    <a class="carousel-item" href="www.baidu.com"><img src="http://lorempixel.com/800/400/food/4"></a>-->
  <!--</div>-->
   <Goods></Goods>
</div>
</template>
<script>
    import Goods from './MainGoods.vue'
    export default {
        components: {
            Goods
        }
    }
    $(document).ready(function() {
        $('.carousel').carousel({

        });
    });
</script>